import React from "react"
import { FinalScreenshot } from "@/models/detail-result"

export const FinalScreenshotCard: React.FC<{ info?: FinalScreenshot }> = ({
  info,
}) => {
  return (
    <div
      className="mb-6 p-5 border bg-white rounded-md mr-2"
      style={{ width: "30%" }}
    >
      <h3 className="text-lg mb-5">最终渲染图</h3>
      <img
        src={info?.details.data}
        style={{
          width: 200,
          display: "block",
          margin: "auto",
        }}
      />
    </div>
  )
}
